<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/repetition.css">
    <link rel="stylesheet" href="css/css2.css">
    <link rel="stylesheet" href="iconfont1/iconfont.css">
</head>
<body>
    <div class="top">
        <div class="container">
            <div class="logo">
                <img src="img/a1.png" alt="">
                <span class="font-color">悦读 FM</span>
            </div>
            <ul class="menu menu2">
                <li class="font-color">悦读</li>
                <li class="font-color">情感</li>
                <li class="font-color">连播</li>
                <li class="font-color">校园</li>
                <li class="font-color">音乐</li>
                <li class="font-color">Labs</li>
            </ul>     
            <div class="mine">
                <input type="text" class="mine-input">
                <img src="img/a2.png" alt="">
                <span>
                    <img src="img/a18.png" alt="">
                </span>
                <div class="mine-d1 font-color">登录</div>
                <div class="mine-d2 font-color">注册</div>
            </div>
        </div>
    </div>
    <div class="content clearfix">
        <div class="container">
            <div class="content-left">
                <ol class="chan">
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="http://yuedu.fm/static/file/large/4276a465e053d15edabd4b1d6c330052" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">什么样的男生才是可以放心去爱的？</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span>薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span> 10:20</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>4241次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b3.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">三维时间</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>11:30</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>7002次</span>
                                </em>
                                <p class="ch2">
                                   在这个世界里时间有三维，与空间一样是立体的。每一做决定的刹那，同样的人，在三个不同的世界里，有其不同的命运......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b4.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b5.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b6.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b7.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b8.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b9.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b10.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="chan1">
                            <img src="img/b11.png" alt="">
                        </div>
                        <div class="chan2">
                            <div>
                                <p class="ch1 font-color">爱因斯坦的梦——他羡慕活在自己时间里的人</p>
                                <em>
                                    <i class="iconfont icon-pen"></i>
                                    <span>艾伦·莱特曼</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-Shapecopy"></i>
                                    <span> 薇薇</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-shijian"></i>
                                    <span>9:53</span>
                                </em>
                                <em>
                                    <i class="iconfont icon-erji"></i>
                                    <span>5111次</span>
                                </em>
                                <p class="ch2">
                                    在这个世界里，有两种时间：一是机械的，一是身体的。第一种时间不弃不降，一切都是命定。第二种时间则是一路行来，因机而定......
                                </p>
                            </div>
                        </div>
                    </li>
                </ol>
                <div class="end">
                    <span id="pg"></span>
                    <span>下一页</span>
                </div>
            </div>
            <div class="content-right">
                <div class="side">
                    <div class="side-sponsor">
                        <img src="img/a23.png" alt="">
                    </div>
                </div>
                <div class="channel">
                    <div>
                        <div class="cha clearfix">
                            <div></div>
                            <span class="cha2">悦读FM频道其他节目</span>
                            <span class="cha3 font-color">查看全部&gt</span>
                        </div>
                        <ol class="channel-list">
                            <li>
                                <p class="cl1 font-color">单身的原因</p>
                                <p class="cl2">
                                    <span class="cl3">文：佚名</span>
                                    <span class="cl4">主播：上官楚璇</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li>
                                <p class="cl1 font-color">我一直在等着那一个人</p>
                                <p class="cl2">
                                    <span class="cl3">文：佚名</span>
                                    <span class="cl4">主播：微蓝</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li>
                                <p class="cl1 font-color">最后的最后，你才成了那个最好的人</p>
                                <p class="cl2">
                                    <span class="cl3">文：佚名</span>
                                    <span class="cl4">主播：不系之舟</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li>
                                <p class="cl1 font-color">有时候，爱是一种错觉</p>
                                <p class="cl2">
                                    <span class="cl3">文：周国平</span>
                                    <span class="cl4">主播：薇薇</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">我等你到三十五岁</p>
                                <p class="cl2">
                                    <span class="cl3">文：南康</span>
                                    <span class="cl4">主播：墨菲</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">他没那么喜欢你</p>
                                <p class="cl2">
                                    <span class="cl3">文：佚名</span>
                                    <span class="cl4">主播：薇薇</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">看起来不在乎你的人</p>
                                <p class="cl2">
                                    <span class="cl3">文：卢思浩</span>
                                    <span class="cl4">主播：千千</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">亲爱的，我又恋爱了</p>
                                <p class="cl2">
                                    <span class="cl3">文：猫的天使</span>
                                    <span class="cl4">主播：潇涵</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">不是因为爱情，才会有爱情</p>
                                <p class="cl2">
                                    <span class="cl3">文：林小奇</span>
                                    <span class="cl4">主播：丢丢</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">致初恋的一封信</p>
                                <p class="cl2">
                                    <span class="cl3">文：张薇薇</span>
                                    <span class="cl4">主播：莫浅</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                        </ol>
                    </div>
                </div>
                <div class="sade">
                    <img src="img/a24.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="bott">
        <div class="bottom container clearfix">
            <div class="bottom-left">
                <div class="bot1">
                    <span class="font-color">关于我们</span>
                    <div></div>
                    <span class="font-color">加入我们</span>
                </div>
                <div class="bot2">
                    © 2010-2016 Yuedu.fm All rights reserved   粤ICP备14076392号
                </div>
            </div>
            <div class="bottom-right">
                <div>
                    <span class="br1">
                        <img src="img/a15.png" alt="" class="im1">
                        <img src="img/b12.png" alt="" class="im2 im3">
                    </span>
                    <span class="br1">
                        <img src="img/a16.png" alt="" class="im1">
                        <img src="img/b13.png" alt="" class="im2 im4">
                    </span>
                    <span class="br1">
                        <img src="img/b15.png" alt="" class="im1">
                        <img src="img/b16.png" alt="" class="im2 im5">
                    </span>
                </div>
            </div>
        </div>
    </div>
    <script src="js/js2.js"></script>
</body>
</html>